<!--header头-->
<div app-header left="touxiang" center='精选' right=""></div>
<!--主体-->
<div class="mui-content" style="margin-top: -10px;">
	<!--轮播-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide" ng-click="sendUrl(item.imglink)" ng-repeat="item in bannerList"><img ng-src="{{item.imgurl}}" /></div>
		</div>
		<!-- 分页器 -->
		<div class="swiper-pagination"></div>
	</div>
	<!--轮播结束-->
	<!--精品推荐-->
	<div class="Boutique" ng-if="productList.length>0" ng-click="gourl(item)" ng-repeat="item in productList |orderBy:'-term'| limitTo: 1">
		<h1>精品推荐<em>{{item.product_name}}</em></h1>
		<div class="info">
			<ul>
				<li>
					<h2>{{item.benchmark_return_rate*1000/10|jiequ}}<em ng-bind="item.increase_interest_return_rate=='0'?'%':'+'+(item.increase_interest_return_rate*1000/10|jiequ)+'%'"></em></h2>
					<p style="text-align: left;margin-left: 3px;">约定年利率</p>
				</li>
				<li>
					<h2 ng-bind="item.product_type_pid=='4'?'灵活存取':item.term+'天'"></h2>
					<p>期限</p>
				</li>
				<li>
					<h2>{{item.purchase_amount}}元</h2>
					<p>最低出借</p>
				</li>
			</ul>
		</div>
		<div class="buy">
			<strong>剩余金额{{item.pro_share|currency:"":0}}元</strong>
			<button type="button" ng-disabled="item.pro_share==0" ng-click="buy(item);$event.stopPropagation();" ng-class="{'mui-disabled':item.pro_share==0}" class="mui-btn mui-btn-danger">{{item.pro_share==0?'已满标':'出借'}}</button>
		</div>
	</div>

	<div class="Boutique" ng-if="productList.length==0">
		<h1>精品推荐<em></em></h1>
		<div class="info">
			<ul>
				<li>
					<h2>-- <em>%</em></h2>
					<p style="text-align: left;margin-left: 3px;">约定年利率</p>
				</li>
				<li>
					<h2>--天</h2>
					<p>期限</p>
				</li>
				<li>
					<h2>--元</h2>
					<p>最低出借</p>
				</li>
			</ul>
		</div>
		<div class="buy">
			<strong>剩余金额0元</strong>
			<button type="button" disabled="disabled" class="mui-btn mui-btn-danger mui-disabled">已满标</button>
		</div>
	</div>

	<!--精品推荐结束-->
	<!--四格列表-->
	<div class="FourLattice">
		<ul>
			<li ng-repeat="item in block" ng-click="sendUrl(item.arealink)">
				<i><img ng-src="{{item.arealogourl}}"/></i>
				<h2>{{item.areatitle}}<br /><p><em>{{item.areacontext}}</em></p></h2>
			</li>

		</ul>
	</div>
	<!--四格列表结束-->

	<!--footbar-->
	<div app-footbar></div>
	<!--footbar end-->

	<!--购买方式-->
	<div app-Payment></div>


<!--新注册弹窗-->
<div class="mui-backdrop animated fadeIn" ng-show="isnewRegester"  style="z-index:999"></div>

<div ng-show="isnewRegester"  style="position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;">
	 <img ng-click="tiaozhuan(1)" ui-sref="user_coupon" src="image/popup_image_zhucewancheng@2x.png" style="width: 100%;position: absolute;display: block;transform:translateY(-50%);top: 40%;-webkit-transform: translateY(-50%);"/>
	 <img ng-click="tiaozhuan(0)" src="image/popup_close_zhucewancheng@2x.png" style="width: 32px;height: 32px;position: absolute;top: 23%;right: 13%;"/>
</div>

</div>